<template>
    <div>
        <h1>Welcome !</h1>
        <p class="p" @click="goTo">请点击前往您的音乐天地吧！</p>
    </div>
</template>

<script>
export default {
    name: "WelcomePage",
    methods: {
        goTo(){
            console.log(this.$router)
            this.$router.push('/discovery')
        }
    }
}
</script>

<style lang="less" scoped>
div{
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding-top: 20%;
    padding-left: 45%;
    color: #fc4cff;
    // background: linear-gradient(to right bottom,#EE9CA7,#FFDDE1);
    background: linear-gradient(to right bottom,#D9A7C7,#FFFCDC);
    z-index: 999;
    p{
        margin-top: 30px;
        text-decoration: underline;
        cursor: pointer;
        color: rgb(248, 160, 210);
        font-family: 'Courier New', Courier, monospace;
    }
}
</style>